<template>
  <div class="detail-wrapper">
    <div class="table">
      <!-- <div class="border">
        <div class="name">提现编号：</div>
        <div class="content">{{ data.wit_no }}</div>
      </div> -->
      <div class="border">
        <div class="name">开户人：</div>
        <div class="content">{{ data.account_name }}</div>
      </div>
      <div class="border">
        <div class="name">开户行：</div>
        <div class="content">{{ data.account_bank_name }}</div>
      </div>
      <div class="border">
        <div class="name">银行卡号：</div>
        <div class="content">{{ data.bank_number }}</div>
      </div>
      <div class="border">
        <div class="name">提现金额：</div>
        <div class="content">{{ data.cash_amount }}</div>
      </div>
      <div class="border">
        <div class="name">提现状态：</div>
        <el-tag v-if="Number(data.status) === 0" type="info">待审核</el-tag>
        <el-tag v-if="Number(data.status) === 1">已审核提现中</el-tag>
        <el-tag v-if="Number(data.status) === 2" type="success">提现成功</el-tag>
        <el-tag v-if="Number(data.status) === 3" type="danger">提现失败</el-tag>
      </div>
      <div class="border">
        <div class="name">打款凭证：</div>
        <img :src="data.certificate_img" :preview="0" preview-text="" alt="" class="image">
      </div>
      <div class="border">
        <div class="name">备注：</div>
        <div class="content">{{ data.desc }}</div>
      </div>
      <div v-if="Number(data.transfer_at) !== 0" class="border">
        <div class="name">转账时间：</div>
        <div class="content">{{ data.transfer_at }}</div>
      </div>
      <div class="border">
        <div class="name">创建时间：</div>
        <div class="content">{{ data.create_at }}</div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: 'Detail',
  data() {
    return {
      data: {}
    }
  },
  created() {
    this.initData()
  },
  methods: {
    initData() {
      const data = this.$route.query
      console.log(data)
      this.data = data
    }
  }
}
</script>

<style lang="scss" scoped>
.detail-wrapper {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
  overflow-y: scroll;
  z-index: 10;
  .table {
    width: 100%;
    height: 100%;
    border-top: 1px solid #ebeef5;
    box-sizing: border-box;
    .border {
      border: 1px solid #ebeef5;
      border-top: none;
      width: 100%;
      display: flex;
      align-items: center;
      height: 50px;
      min-height: 50px;
      .name {
        margin-left: 20px;
        margin-right: 15px;
        min-width: 100px;
      }
      .image{
        width: 30px;
        height: 30px;
      }
    }
  }
}
</style>
